<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <title></title>
    <link rel="stylesheet" href="./购物车.css" type="text/css" />
    <script src="https://code.jquery.com/jquery-3.7.1.js"></script>
    <link href="//unpkg.com/layui@2.9.21-rc/dist/css/layui.css" rel="stylesheet">
    <script src="//unpkg.com/layui@2.9.21-rc/dist/layui.js"></script>

</head>

<body> 
    <section>
        <div class="title warp">
            <h3>全部商品</h3>
            <div>
                <span>配送到</span>
                <select>
                    <option>昌平区</option>
                    <option>顺义区</option>
                    <option>大兴区</option>
                    <option>朝阳区</option>
                    <option>昌平区</option>
                </select>
            </div>
        </div>
        <div class="third">
            <div class="cart-thead">
                <div class="column t-checkbox">
                    <div class="cart-checkbox">
                        <input type="checkbox" name="selcet-all" class="jdcheckbox" id="checkALL1"
                            onclick="checkAll(this),jdcheckAll(this)" />
                    </div>
                    全选
                </div>
                <div class="column t-goods">商品</div>
                <div class="column t-props">&nbsp;</div>
                <div class="column t-price">单价</div>
                <div class="column t-quantity">数量</div>
                <div class="column t-sum">小计</div>
                <div class="column t-action">操作</div>
            </div>
            <div class="cart-body">
                <div class="shop">
                    <div class="cart-checkbox">
                        <input type="checkbox" name="checkShop" class="jdcheckbox" onclick="jdcheckAll(this)" />
                    </div>
                    <span class="shop-txt">
                        <a href="#" class="shop-name" target="_blank">
                            小米京东商品旗舰店
                        </a>
                        <div class="shop-im"></div>
                    </span>
                </div>
                <div class="cart-item-list">
                    <div class="item-item" id="1001">
                        <div class="item-form">
                            <div class="base p-checkbox">
                                <input type="checkbox" name="checkItem" class="jdcheckbox" onclick="goods()">
                            </div>
                            <div class="base p-goods">
                                <div class="goods-item">
                                    <div class="p-img">
                                        <a href="#" title="米家小米【国家补贴20%】501L对开门大容量家用冰箱双开门 双变频一级能效银离子除菌BCD-501WMSA">
                                            <img src="./图片/9910534bcc243548.jpg" alt="#" />
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <div class="base p-props">
                                <div class="props-txt">
                                    <span>米家小米【国家补贴20%】501L对开门大容量家用冰箱双开门 双变频一级能效银离子除菌BCD-501WMSA</span>
                                </div>
                            </div>
                            <div class="base p-price">
                                ￥<span class="p-price-num">2199.00</span>
                            </div>
                            <div class="base p-quantity">
                                <div class="cart-number quantity">
                                    <button class="cart-number-minus" value="-" onclick="mius(this)">-</button>
                                    <div class="cart-input">
                                        <input class="cart-input" min="1" max="100" value="1" />
                                    </div>
                                    <button class="cart-number-add" value="+" onclick="add(this)">+</button>
                                </div>
                                <p class="ac inventory ">有货</p>
                            </div>
                            <div class="base p-sum">
                                <strong>￥2199.00</strong>
                            </div>
                            <div class="base p-ops">
                                <a href="#" class="p-ops-item" onclick="del()">删除</a>
                                <a href="#" class="p-ops-item" onclick="attention()">移入关注</a>
                            </div>
                        </div>
                        <div class="product-extra block-b"></div>
                    </div>
                    <div class="item-item" id="1002">
                        <div class="item-form">
                            <div class="base p-checkbox">
                                <input type="checkbox" name="checkItem" class="jdcheckbox" onclick="goods()">
                            </div>
                            <div class="base p-goods">
                                <div class="goods-item">
                                    <div class="p-img">
                                        <a href="#" title="小米(MI)米家 1.5匹 新一级能效 智能自清洁 巨省电 壁挂式空调挂机KFR-35GW/N1A1【国家补贴20%】">
                                            <img src="./图片/c7344ba8c559c834.jpg.avif" alt="#" />
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <div class="base p-props">
                                <div class="props-txt">
                                    <span>小米(MI)米家 1.5匹 新一级能效 智能自清洁 巨省电 壁挂式空调挂机KFR-35GW/N1A1【国家补贴20%】</span>
                                </div>
                            </div>
                            <div class="base p-price">
                                ￥<span class="p-price-num">3199.00</span>
                            </div>
                            <div class="base p-quantity">
                                <div class="cart-number quantity">
                                    <button class="cart-number-minus" value="-" onclick="mius(this)">-</button>
                                    <div class="cart-input">
                                        <input class="cart-input" min="1" max="100" value="1">
                                    </div>
                                    <button class="cart-number-add" value="+" onclick="add(this)">+</button>
                                </div>
                                <p class="ac inventory ">有货</p>
                            </div>
                            <div class="base p-sum">
                                <strong>￥ 3199.00</strong>
                            </div>
                            <div class="base p-ops">
                                <a href="#" class="p-ops-item" onclick="del()">删除</a>
                                <a href="#" class="p-ops-item" onclick="attention()">移入关注</a>
                            </div>
                        </div>
                        <div class="product-extra block-b"></div>
                        <div class="item-line"></div>
                    </div>
                </div>
            </div>
            <div class="cart-body">
                <div class="shop">
                    <div class="cart-checkbox">
                        <input type="checkbox" name="checkShop" class="jdcheckbox" onclick="jdcheckAll(this)" />
                    </div>
                    <span class="shop-txt">
                        <a href="#" class="shop-name" target="_blank">
                            美的京东自营官方旗舰店
                        </a>
                        <div class="shop-im"></div>
                    </span>
                </div>
                <div class="cart-item-list">
                    <div class="item-item" id="2001">
                        <div class="item-form">
                            <div class="base p-checkbox">
                                <input type="checkbox" name="checkItem" class="jdcheckbox" onclick="goods()">
                            </div>
                            <div class="base p-goods">
                                <div class="goods-item">
                                    <div class="p-img">
                                        <a href="#" title="美的空调 3匹 酷省电 家电国家补贴20% 新一级能效 省电空调立式柜机 变频冷暖 KFR-72LW/N8KS1-1P">
                                            <img src="./图片/46cdf4d16fa7ff57.jpg.avif" alt="#" />
                                        </a>
                                    </div>
                                </div>
                            </div>

                            <div class="base p-props">
                                <div class="props-txt">
                                    <span>美的空调 3匹 酷省电 家电国家补贴20% 新一级能效 省电空调立式柜机 变频冷暖 KFR-72LW/N8KS1-1P</span>
                                </div>
                            </div>
                            <div class="base p-price">
                                ￥<span class="p-price-num">5599.00</span>
                            </div>
                            <div class="base p-quantity">
                                <div class="cart-number quantity">
                                    <button class="cart-number-minus" value="-" onclick="mius(this)">-</button>
                                    <div class="cart-input">
                                        <input class="cart-input" min="1" max="100" value="1">
                                    </div>
                                    <button class="cart-number-add" value="+" onclick="add(this)">+</button>
                                </div>
                                <p class="ac inventory ">有货</p>
                            </div>
                            <!-- 商品总价 -->
                            <div class="base p-sum">
                                <strong>¥5599.00</strong>
                            </div>
                            <!-- 商品操作 -->
                            <div class="base p-ops">
                                <a href="#" class="p-ops-item" onclick="del()">删除</a>
                                <a href="#" class="p-ops-item" onclick="attention()">移入关注</a>
                            </div>
                        </div>
                        <div class="product-extra block-b"></div>
                    </div>
                    <div class="item-item" id="2002">
                        <div class="item-form">
                            <div class="base p-checkbox">
                                <input type="checkbox" name="checkItem" class="jdcheckbox" onclick="goods()">
                            </div>
                            <div class="base p-goods">
                                <div class="goods-item">
                                    <div class="p-img">
                                        <a href="#"
                                            title="美的(Midea)16升燃气热水器天然气智控增压水伺服恒温【国补立减15%】 ECO节能 低水压启动JSQ30-MK6耀夜">
                                            <img src="./图片/3b914704feec2082.jpg.avif" alt="#" />
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <div class="base p-props">
                                <div class="props-txt">
                                    <span>美的(Midea)16升燃气热水器天然气智控增压水伺服恒温【国补立减15%】 ECO节能 低水压启动JSQ30-MK6耀夜</span>
                                </div>
                            </div>
                            <div class="base p-price">
                                ¥<span class="p-price-num">1199.00</span>
                            </div>
                            <div class="base p-quantity">
                                <div class="cart-number quantity">
                                    <button class="cart-number-minus" value="-" onclick="mius(this)">-</button>
                                    <div class="cart-input">
                                        <input class="cart-input" min="1" max="100" value="1">
                                    </div>
                                    <button class="cart-number-add" value="+" onclick="add(this)">+</button>
                                </div>
                                <p class="ac inventory ">有货</p>
                            </div>
                            <div class="base p-sum">
                                <strong>¥1199.00</strong>
                            </div>
                            <div class="base p-ops">
                                <a href="#" class="p-ops-item" onclick="del()">删除</a>
                                <a href="#" class="p-ops-item" onclick="attention()">移入关注</a>
                            </div>
                        </div>
                        <div class="product-extra block-b"></div>
                        <div class="item-line"></div>
                    </div>
                    <div class="item-item" id="2003">
                        <div class="item-form">
                            <div class="base p-checkbox">
                                <input type="checkbox" name="checkItem" class="jdcheckbox" onclick="goods()">
                            </div>
                            <div class="base p-goods">
                                <div class="goods-item">
                                    <div class="p-img">
                                        <a href="#" title="美的(Midea)微碳微波炉烤箱一体机900w微波1000w烧烤平板光波速热23L容量变频臻彩荧幕(C32)">
                                            <img src="./图片/f085ce79f99dc9be.jpg.avif" alt="#" />
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <div class="base p-props">
                                <div class="props-txt">
                                    <span>
                                        美的(Midea)微碳微波炉烤箱一体机900w微波1000w烧烤平板光波速热23L容量变频臻彩荧幕 (C32)
                                    </span>
                                </div>
                            </div>
                            <div class="base p-price">
                                ¥<span class="p-price-num">24549.80</span>
                            </div>
                            <div class="base p-quantity">
                                <div class="cart-number quantity">
                                    <button class="cart-number-minus" value="-" onclick="mius(this)">-</button>
                                    <div class="cart-input">
                                        <input class="cart-input" min="1" max="100" value="1">
                                    </div>
                                    <button class="cart-number-add" value="+" onclick="add(this)">+</button>
                                </div>
                                <p class="ac inventory ">有货</p>
                            </div>
                            <div class="base p-sum">
                                <strong>¥24549.80</strong>
                            </div>
                            <div class="base p-ops">
                                <a href="#" class="p-ops-item" onclick="del()">删除</a>
                                <a href="#" class="p-ops-item" onclick="attention()">移入关注</a>
                            </div>
                        </div>
                        <div class="product-extra block-b"></div>
                        <div class="item-line"></div>
                    </div>
                </div>
            </div>
        </div>
        </div>
    </section>
    <!-- 底部 -->
    <footer>
        <div class="cart-bottom">
            <div class="bottom-wrap">

                <div class="left">
                    <div class="select-all">
                        <input type="checkbox" name="selcet-all" class="jdcheckbox" id="checkALL"
                            onclick="checkAll(this),jdcheckAll(this)" />
                        全选
                    </div>
                    <div class="operation">
                        <a href="#" class="bottom-remove" onclick="del()">删除选中的商品</a>
                        <a href="#" class="bottom-removefollow" onclick="attention()">移入关注</a>
                        <a href="#" class="bottom-cleaner" title="亲，点我可快速清理购物车商品哦！">
                            <strong>清理购物车</strong>
                        </a>
                    </div>
                </div>
                <div class="right">
                    <div class="combine">
                        <div class="btn-area">
                            <a href="#" class="submit-btn" onclick="payAll()">去结算</a>
                        </div>
                        <div class="price-sum">
                            <div class="price-sum-amount">
                                <div class="price-show">
                                    <span class="txt">总价:</span>
                                    <span class="price priceShow">
                                        <em id="allsum">￥0.00</em>
                                    </span>
                                    <div class="price-tipsbox">
                                        <div class="tips-main">不含运费及送装服务费</div>
                                        <span class="tips-main-triangle"></span>
                                    </div>
                                </div>
                                <span class="amount-sum">
                                    已选择
                                    <em id="amountall">0</em>
                                    件商品
                                    <b class="up"></b>
                                </span>
                            </div>
                            <div class="price-sum-extra"></div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </footer>
    <script src="./购物车.js" type="text/javascript"></script>
</body>

</html>